<template>
  <el-tooltip :content="tips" :placement="placement">
    <button v-bind="$attrs" v-on="$listeners">
      <slot></slot>
    </button>
  </el-tooltip>
</template>

<script>
export default {
  name: "ToolTipButton",
  props: {
    tips: {
      type: String,
      require: true,
    },
    placement: {
      type: String,
      default: "top-start",
    },
  },
  methods: {
    handelClick() {
      this.$emit("click");
    },
  },
};
</script>

<style scoped lang="scss"></style>
